<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>自动化测试报告</title>
    <meta name="generator" content="HTMLTestRunner 0.8.2"/>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    
<style type="text/css" media="screen">
body        { font-family: verdana, arial, helvetica, sans-serif; font-size: 80%; }
table       { font-size: 100%; }
pre         { }

/* -- heading ---------------------------------------------------------------------- */
h1 {
    font-size: 16pt;
    color: gray;
}
.heading {
    margin-top: 0ex;
    margin-bottom: 1ex;
}

.heading .attribute {
    margin-top: 1ex;
    margin-bottom: 0;
}

.button{  
    border:1px solid #cccccc;  
    cursor:pointer;  
    margin:10px 5px;  
    height:40px;  
    text-align:center;  
    border-radius: 4px;  
    border-color: #636263 #464647 #A1A3A5;  
    text-shadow: 0 1px 1px #F6F6F6;  
    background-image: -moz-linear-gradient(center top, #D9D9D9, #A6A6A6 49%, #A6A6A6 50%);  
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D9D9D9),color-stop(1, #A6A6A6));  
}  

.buttonText{  
    position:relative;  
    font-weight:bold;  
    top:10px;
    color:#58595B;  
}   

.heading .description {
    margin-top: 4ex;
    margin-bottom: 6ex;
}

.panel .description{  
    border:1px solid #CCCCCC;  
    border-color: #636263 #464647 #A1A3A5;  
    margin:10px 5px;  
    height:165px;  
    border-radius: 4px;  
}  
.scroll-item {  
    position: relative;  
    width: 100%;  
    height: 32px;  
    border-bottom:1px solid gray;  
    cursor: pointer;  
}  
.item-even {  
    background-color: #E7E8EC;  
}  
      
.item-odd {  
    background-color: #E0ECF6;  
}  
.rect {  
    float: left;  
    margin-top: 5px;  
    margin-left: 5px;  
    width: 20px;  
    height: 20px;  
    border-radius: 3px;  
}  
.item-text{  
    margin-left: 5px;  
    height: 100%;  
    float: left;  
    font-size: 14px;   
    vertical-align: middle;  
    display: inline-block;  
    line-height: 30px;  
}  

.bg{  
    position:absolute;  
    height:97%;  
    width:80%;  
    overflow-x: hidden;  
    overflow-y:hidden;  
}  
.panel{  
    position:absolute;  
    height:550px;  
    width:750px;  
    left:45px;  
    top:45px;  
    border-radius: 12px;  
    background-image: -moz-linear-gradient(top,#EBEBEB, #BFBFBF);  
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EBEBEB),color-stop(1, #BFBFBF));  
    }  
.panel1{  
    position:absolute;  
    height:550px;  
    width:200px;  
    left:800px;  
    top:45px;  
    border-radius: 12px;  
    background-image: -moz-linear-gradient(top,#EBEBEB, #BFBFBF);  
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EBEBEB),color-stop(1, #BFBFBF));  
    } 
.panelBg{  
    position:absolute;  
    height:600px;  
    width:1000px;  
    left:20px;  
    top:20px;  
    border-radius: 12px;  
    background-color:#000000;  
    opacity:0.5;  
}  

.title{  
    border:1px solid green;  
    position:relative;  
    margin:5px;  
    font-size:22px;  
    font-weight:bold;  
    text-align:center;  
    color:#58595B;  
} 

.piechart{  
    border:1px solid green;  
    margin:5px;  
    height:170px;  
} 

.barchart{  
    border:1px solid green;  
    margin:5px;  
    height:170px;  
}  

.linechart{  
    border:1px solid green;  
    margin:5px;  
    height:170px;  
} 
     
.subTitle{  
    border:1px solid green;  
    margin:5px;   
    font-size:14px;  
    height:70px;  
    font-weight:bold;  
    text-indent:2em;  
    color:#6D6E71;  
}  

/* -- css div popup ------------------------------------------------------------------------ */
a.popup_link {
}

a.popup_link:hover {
    color: red;
}

.popup_window {
    display: none;
    position: relative;
    left: 0px;
    top: 0px;
    /*border: solid #627173 1px; */
    padding: 10px;
    background-color: #E6E6D6;
    font-family: "Lucida Console", "Courier New", Courier, monospace;
    text-align: left;
    font-size: 8pt;
    width: 500px;
}

}
/* -- report ------------------------------------------------------------------------ */
#show_detail_line {
    margin-top: 3ex;
    margin-bottom: 1ex;
}
#result_table {
    width: 80%;
    border-collapse: collapse;
    border: 1px solid #777;
}
#header_row {
    font-weight: bold;
    color: white;
    background-color: #777;
}
#result_table td {
    border: 2px solid #777;
    padding: 3px;
}
#total_row  { font-weight: bold; }
.passClass  { background-color: #777; }
.failClass  { background-color: #c60; }
.errorClass { background-color: #c00; }
.passCase   { color: #777; font-weight: bold;}
.failCase   { color: #c60; font-weight: bold; }
.errorCase  { color: #c00; font-weight: bold; }
.hiddenRow  { display: none; }
.testcase   { margin-left: 2em; }

#section1{  
    border:1px solid green;  
    position:relative;  
    float:left;  
    width:235px;  
    height:530px;  
    top:10px;  
    left:10px;  
}  
#section2{  
    border:1px solid green;  
    position:relative;  
    float:left;  
    width:235px;  
    height:530px;  
    top:10px;  
    left:20px;  
}  
#section3{  
    border:1px solid green;  
    position:relative;  
    float:left;  
    width:235px;  
    height:530px;  
    top:10px;  
    left:30px;  
}  
#section4{  
    border:1px solid green;  
    position:relative;  
    float:left;  
    width:180px;  
    height:530px;  
    top:10px;  
    left:10px;  
}  

/* -- ending ---------------------------------------------------------------------- */
#ending {
}

</style>

</head>
<body style="background-color:#C0C0C0" >
<script language="javascript" type="text/javascript"><!--
output_list = Array();

/* level - 0:Summary; 1:Pass; 2:Fail; 3:Error; 4:All */
function showCase(level) {
    trs = document.getElementsByTagName("tr");
    for (var i = 0; i < trs.length; i++) {
        tr = trs[i];
        id = tr.id;
        if (id.substr(0,2) == 'Ft') {
            if (level == 2) {
                tr.className = '';
            }
            else if(level == 4) {
                tr.className = '';
            }
            else if(level == 5) {
                tr.className = '';
            }
            else{
                tr.className = 'hiddenRow';
            }
        }
        if (id.substr(0,2) == 'Pt') {
            if (level == 1) {
                tr.className = '';
            }
            else if(level == 4 ) {
                tr.className = '';
            }
            else{
                tr.className = 'hiddenRow';
            }
        }
        if (id.substr(0,2) == 'Et') {
            if (level == 3) {
                tr.className = '';
            }
            else if(level == 4 ) {
                tr.className = '';
            }
            else if(level == 5 ) {
                tr.className = '';
            }
            else{
                tr.className = 'hiddenRow';
            }
        }
    }
}

function showClassDetail(cid, count) {
    var id_list = Array(count);
    var toHide = 1;
    for (var i = 0; i < count; i++) {
        tid0 = 't' + cid.substr(1) + '.' + (i+1);
        tid = 'F' + tid0;
        tr = document.getElementById(tid);
        if (!tr) {
            tid = 'P' + tid0;
            tr = document.getElementById(tid);
            if(!tr){
                tid = 'E' + tid0;
                tr = document.getElementById(tid);
            }
        }
        id_list[i] = tid;
        if (tr.className) {
            toHide = 0;
        }
    }
    for (var i = 0; i < count; i++) {
        tid = id_list[i];
        if (toHide) {
            document.getElementById('div_'+tid).style.display = 'none'
            document.getElementById(tid).className = 'hiddenRow';
        }
        else {
            document.getElementById(tid).className = '';
        }
    }
}


function showTestDetail(div_id){
    var details_div = document.getElementById(div_id)
    var displayState = details_div.style.display
    // alert(displayState)
    if (displayState != 'block' ) {
        displayState = 'block'
        details_div.style.display = 'block'
    }
    else {
        details_div.style.display = 'none'
    }
}


function html_escape(s) {
    s = s.replace(/&/g,'&amp;');
    s = s.replace(/</g,'&lt;');
    s = s.replace(/>/g,'&gt;');
    return s;
}

/* obsoleted by detail in <div>
function showOutput(id, name) {
    var w = window.open("", //url
                    name,
                    "resizable,scrollbars,status,width=800,height=450");
    d = w.document;
    d.write("<pre>");
    d.write(html_escape(output_list[id]));
    d.write("\n");
    d.write("<a href='javascript:window.close()'>close</a>\n");
    d.write("</pre>\n");
    d.close();
}
*/
--></script>

<div class='heading'>
<h1>自动化测试报告</h1>
<p class='attribute'><strong>Start Time:</strong> 2017-10-16 17:24:43</p>
<p class='attribute'><strong>Duration:</strong> 0:10:02.233974</p>
<p class='attribute'><strong>Status:</strong> Pass 11</p>

<p class='description'>用例执行情况：</p>
</div>



<p id='show_detail_line'>Show
<a href='javascript:showCase(0)'>Summary</a>
<a href='javascript:showCase(1)'>Pass</a>
<a href='javascript:showCase(2)'>Fail</a>
<a href='javascript:showCase(3)'>Error</a>
<a href='javascript:showCase(5)'>Fail&Error</a>
<a href='javascript:showCase(4)'>All</a>
</p>
<table id='result_table'>
<colgroup>
<col align='left' />
<col align='right' />
<col align='right' />
<col align='right' />
<col align='right' />
<col align='right' />
</colgroup>
<tr id='header_row'>
    <td>Test Group/Test case</td>
    <td>Count</td>
    <td>Pass</td>
    <td>Fail</td>
    <td>Error</td>
    <td>CaseInfo</td>
</tr>

<tr class='passClass'>
    <td>test_case_login.Test_login</td>
    <td>9</td>
    <td>9</td>
    <td>0</td>
    <td>0</td>
    <td><a href="javascript:showClassDetail('c1',9)">Detail</a></td>
</tr>

<tr id='Pt1.1' class='hiddenRow'>
    <td class='passCase'><div class='testcase'>test01: 账号未空点击获取验证码</div></td>
    <td colspan='4' align='center'>

    <!--css div popup start-->
    <a class="popup_link" onfocus='this.blur();' href="javascript:showTestDetail('div_Pt1.1')" >
        pass</a>

    <div id='div_Pt1.1' class="popup_window">
        <div style='text-align: right; color:red;cursor:pointer'>
        <a onfocus='this.blur();' onclick="document.getElementById('div_Pt1.1').style.display = 'none' " >
           [x]</a>
        </div>
        <pre>
        
Pt1.1: [2017-10-16 17:25:16,862](INFO)root : &gt;&gt;&gt;点击控件获取：com.yce.deerstewardphone:id/lay_get_code
[2017-10-16 17:25:16,862](INFO)root : &gt;&gt;&gt;点击控件获取：com.yce.deerstewardphone:id/lay_get_code

[2017-10-16 17:25:24,589](INFO)root : &gt;&gt;&gt;获取元素：com.yce.deerstewardphone:id/txt_get_code
[2017-10-16 17:25:24,589](INFO)root : &gt;&gt;&gt;获取元素：com.yce.deerstewardphone:id/txt_get_code

[2017-10-16 17:25:24,701](INFO)root : 账号为空点击获取验证码，无响应符合预期
[2017-10-16 17:25:24,701](INFO)root : 账号为空点击获取验证码，无响应符合预期



        </pre>
    </div>
    <!--css div popup end-->

    </td>
    <td colspan='1' align='center'>
No Case Detail
</td>
</tr>

<tr id='Pt1.2' class='hiddenRow'>
    <td class='passCase'><div class='testcase'>test02: 账号为空点击登录</div></td>
    <td colspan='4' align='center'>

    <!--css div popup start-->
    <a class="popup_link" onfocus='this.blur();' href="javascript:showTestDetail('div_Pt1.2')" >
        pass</a>

    <div id='div_Pt1.2' class="popup_window">
        <div style='text-align: right; color:red;cursor:pointer'>
        <a onfocus='this.blur();' onclick="document.getElementById('div_Pt1.2').style.display = 'none' " >
           [x]</a>
        </div>
        <pre>
        
Pt1.2: [2017-10-16 17:25:52,709](INFO)root : &gt;&gt;&gt;点击控件获取：com.yce.deerstewardphone:id/btn_submit
[2017-10-16 17:25:52,709](INFO)root : &gt;&gt;&gt;点击控件获取：com.yce.deerstewardphone:id/btn_submit

[2017-10-16 17:26:00,631](INFO)root : &gt;&gt;&gt;获取元素：com.yce.deerstewardphone:id/btn_submit
[2017-10-16 17:26:00,631](INFO)root : &gt;&gt;&gt;获取元素：com.yce.deerstewardphone:id/btn_submit

[2017-10-16 17:26:00,681](INFO)root : 获取到登录id，未登录成功，符合预期
[2017-10-16 17:26:00,681](INFO)root : 获取到登录id，未登录成功，符合预期



        </pre>
    </div>
    <!--css div popup end-->

    </td>
    <td colspan='1' align='center'>
No Case Detail
</td>
</tr>

<tr id='Pt1.3' class='hiddenRow'>
    <td class='passCase'><div class='testcase'>test03: 输入小于11位手机号码，点击获取验证码</div></td>
    <td colspan='4' align='center'>

    <!--css div popup start-->
    <a class="popup_link" onfocus='this.blur();' href="javascript:showTestDetail('div_Pt1.3')" >
        pass</a>

    <div id='div_Pt1.3' class="popup_window">
        <div style='text-align: right; color:red;cursor:pointer'>
        <a onfocus='this.blur();' onclick="document.getElementById('div_Pt1.3').style.display = 'none' " >
           [x]</a>
        </div>
        <pre>
        
Pt1.3: [2017-10-16 17:26:26,754](INFO)root : &gt;&gt;&gt;定位控件com.yce.deerstewardphone:id/edt_login_user,输入内容为：1379747445
[2017-10-16 17:26:26,754](INFO)root : &gt;&gt;&gt;定位控件com.yce.deerstewardphone:id/edt_login_user,输入内容为：1379747445

[2017-10-16 17:26:35,559](INFO)root : 获取输入手机账号：1379747445
[2017-10-16 17:26:35,559](INFO)root : 获取输入手机账号：1379747445

[2017-10-16 17:26:35,559](INFO)root : &gt;&gt;&gt;点击控件获取：com.yce.deerstewardphone:id/lay_get_code
[2017-10-16 17:26:35,559](INFO)root : &gt;&gt;&gt;点击控件获取：com.yce.deerstewardphone:id/lay_get_code

[2017-10-16 17:26:35,759](INFO)root : &gt;&gt;&gt;获取元素：com.yce.deerstewardphone:id/txt_get_code
[2017-10-16 17:26:35,759](INFO)root : &gt;&gt;&gt;获取元素：com.yce.deerstewardphone:id/txt_get_code

[2017-10-16 17:26:36,011](INFO)root : 获取输入小于11位手机号码之后，点击获取验证码后的验证码文字id：获取验证码
[2017-10-16 17:26:36,011](INFO)root : 获取输入小于11位手机号码之后，点击获取验证码后的验证码文字id：获取验证码



        </pre>
    </div>
    <!--css div popup end-->

    </td>
    <td colspan='1' align='center'>
No Case Detail
</td>
</tr>

<tr id='Pt1.4' class='hiddenRow'>
    <td class='passCase'><div class='testcase'>test04: 输入小于11位手机号码，点击获取验证码后点击登录</div></td>
    <td colspan='4' align='center'>

    <!--css div popup start-->
    <a class="popup_link" onfocus='this.blur();' href="javascript:showTestDetail('div_Pt1.4')" >
        pass</a>

    <div id='div_Pt1.4' class="popup_window">
        <div style='text-align: right; color:red;cursor:pointer'>
        <a onfocus='this.blur();' onclick="document.getElementById('div_Pt1.4').style.display = 'none' " >
           [x]</a>
        </div>
        <pre>
        
Pt1.4: [2017-10-16 17:27:02,988](INFO)root : &gt;&gt;&gt;定位控件com.yce.deerstewardphone:id/edt_login_user,输入内容为：1379747445
[2017-10-16 17:27:02,988](INFO)root : &gt;&gt;&gt;定位控件com.yce.deerstewardphone:id/edt_login_user,输入内容为：1379747445

[2017-10-16 17:27:12,031](INFO)root : 获取输入手机账号：1379747445
[2017-10-16 17:27:12,031](INFO)root : 获取输入手机账号：1379747445

[2017-10-16 17:27:12,033](INFO)root : &gt;&gt;&gt;点击控件获取：com.yce.deerstewardphone:id/btn_submit
[2017-10-16 17:27:12,033](INFO)root : &gt;&gt;&gt;点击控件获取：com.yce.deerstewardphone:id/btn_submit

[2017-10-16 17:27:12,268](INFO)root : &gt;&gt;&gt;获取元素：com.yce.deerstewardphone:id/btn_submit
[2017-10-16 17:27:12,268](INFO)root : &gt;&gt;&gt;获取元素：com.yce.deerstewardphone:id/btn_submit

[2017-10-16 17:27:12,356](INFO)root : 直接输入小于十一位验证码点击登录之后，任然可以获取到登录id，符合预期
[2017-10-16 17:27:12,356](INFO)root : 直接输入小于十一位验证码点击登录之后，任然可以获取到登录id，符合预期



        </pre>
    </div>
    <!--css div popup end-->

    </td>
    <td colspan='1' align='center'>
No Case Detail
</td>
</tr>

<tr id='Pt1.5' class='hiddenRow'>
    <td class='passCase'><div class='testcase'>test05: 验证账号小于11位，输入错误验证码</div></td>
    <td colspan='4' align='center'>

    <!--css div popup start-->
    <a class="popup_link" onfocus='this.blur();' href="javascript:showTestDetail('div_Pt1.5')" >
        pass</a>

    <div id='div_Pt1.5' class="popup_window">
        <div style='text-align: right; color:red;cursor:pointer'>
        <a onfocus='this.blur();' onclick="document.getElementById('div_Pt1.5').style.display = 'none' " >
           [x]</a>
        </div>
        <pre>
        
Pt1.5: [2017-10-16 17:27:38,957](INFO)root : &gt;&gt;&gt;定位控件com.yce.deerstewardphone:id/edt_login_user,输入内容为：1379747445
[2017-10-16 17:27:38,957](INFO)root : &gt;&gt;&gt;定位控件com.yce.deerstewardphone:id/edt_login_user,输入内容为：1379747445

[2017-10-16 17:27:47,692](INFO)root : &gt;&gt;&gt;定位控件com.yce.deerstewardphone:id/edt_login_code,输入内容为：1234
[2017-10-16 17:27:47,692](INFO)root : &gt;&gt;&gt;定位控件com.yce.deerstewardphone:id/edt_login_code,输入内容为：1234

[2017-10-16 17:27:49,812](INFO)root : &gt;&gt;&gt;点击控件获取：com.yce.deerstewardphone:id/btn_submit
[2017-10-16 17:27:49,812](INFO)root : &gt;&gt;&gt;点击控件获取：com.yce.deerstewardphone:id/btn_submit

[2017-10-16 17:27:50,370](INFO)root : &gt;&gt;&gt;获取元素：com.yce.deerstewardphone:id/btn_submit
[2017-10-16 17:27:50,370](INFO)root : &gt;&gt;&gt;获取元素：com.yce.deerstewardphone:id/btn_submit

[2017-10-16 17:27:50,497](INFO)root : 输入低于11位手机号码，错误验证码，登录不成功，符合预期
[2017-10-16 17:27:50,497](INFO)root : 输入低于11位手机号码，错误验证码，登录不成功，符合预期



        </pre>
    </div>
    <!--css div popup end-->

    </td>
    <td colspan='1' align='center'>
No Case Detail
</td>
</tr>

<tr id='Pt1.6' class='hiddenRow'>
    <td class='passCase'><div class='testcase'>test06: 验证账号大于11位,输入正确验证码</div></td>
    <td colspan='4' align='center'>

    <!--css div popup start-->
    <a class="popup_link" onfocus='this.blur();' href="javascript:showTestDetail('div_Pt1.6')" >
        pass</a>

    <div id='div_Pt1.6' class="popup_window">
        <div style='text-align: right; color:red;cursor:pointer'>
        <a onfocus='this.blur();' onclick="document.getElementById('div_Pt1.6').style.display = 'none' " >
           [x]</a>
        </div>
        <pre>
        
Pt1.6: [2017-10-16 17:28:17,996](INFO)root : &gt;&gt;&gt;定位控件com.yce.deerstewardphone:id/edt_login_user,输入内容为：137888488632
[2017-10-16 17:28:17,996](INFO)root : &gt;&gt;&gt;定位控件com.yce.deerstewardphone:id/edt_login_user,输入内容为：137888488632

[2017-10-16 17:28:27,030](INFO)root : &gt;&gt;&gt;获取元素：com.yce.deerstewardphone:id/edt_login_user
[2017-10-16 17:28:27,030](INFO)root : &gt;&gt;&gt;获取元素：com.yce.deerstewardphone:id/edt_login_user

[2017-10-16 17:28:28,164](INFO)root : 获取验证码手机号码为：13788848863
[2017-10-16 17:28:28,164](INFO)root : 获取验证码手机号码为：13788848863

[2017-10-16 17:28:28,165](INFO)root : &gt;&gt;&gt;点击控件获取：com.yce.deerstewardphone:id/lay_get_code
[2017-10-16 17:28:28,165](INFO)root : &gt;&gt;&gt;点击控件获取：com.yce.deerstewardphone:id/lay_get_code

[2017-10-16 17:28:30,420](INFO)root : 获取验证码为3083
[2017-10-16 17:28:30,420](INFO)root : 获取验证码为3083

[2017-10-16 17:28:30,421](INFO)root : &gt;&gt;&gt;定位控件com.yce.deerstewardphone:id/edt_login_code,输入内容为：3083
[2017-10-16 17:28:30,421](INFO)root : &gt;&gt;&gt;定位控件com.yce.deerstewardphone:id/edt_login_code,输入内容为：3083

[2017-10-16 17:28:32,009](INFO)root : 输入验证码3083
[2017-10-16 17:28:32,009](INFO)root : 输入验证码3083

[2017-10-16 17:28:32,009](INFO)root : &gt;&gt;&gt;点击控件获取：com.yce.deerstewardphone:id/btn_submit
[2017-10-16 17:28:32,009](INFO)root : &gt;&gt;&gt;点击控件获取：com.yce.deerstewardphone:id/btn_submit

[2017-10-16 17:28:35,463](INFO)root : &gt;&gt;&gt;获取元素：com.yce.deerstewardphone:id/btn_submit
[2017-10-16 17:28:35,463](INFO)root : &gt;&gt;&gt;获取元素：com.yce.deerstewardphone:id/btn_submit

[2017-10-16 17:28:46,236](INFO)root : 输入超过11位手机号码正确的验证码点击登录——登录成功，符合预期
[2017-10-16 17:28:46,236](INFO)root : 输入超过11位手机号码正确的验证码点击登录——登录成功，符合预期



        </pre>
    </div>
    <!--css div popup end-->

    </td>
    <td colspan='1' align='center'>
No Case Detail
</td>
</tr>

<tr id='Pt1.7' class='hiddenRow'>
    <td class='passCase'><div class='testcase'>test07: 验证账号大于11位，输入错误验证码</div></td>
    <td colspan='4' align='center'>

    <!--css div popup start-->
    <a class="popup_link" onfocus='this.blur();' href="javascript:showTestDetail('div_Pt1.7')" >
        pass</a>

    <div id='div_Pt1.7' class="popup_window">
        <div style='text-align: right; color:red;cursor:pointer'>
        <a onfocus='this.blur();' onclick="document.getElementById('div_Pt1.7').style.display = 'none' " >
           [x]</a>
        </div>
        <pre>
        
Pt1.7: [2017-10-16 17:29:21,738](INFO)root : &gt;&gt;&gt;定位控件com.yce.deerstewardphone:id/edt_login_user,输入内容为：137888488632
[2017-10-16 17:29:21,738](INFO)root : &gt;&gt;&gt;定位控件com.yce.deerstewardphone:id/edt_login_user,输入内容为：137888488632

[2017-10-16 17:29:30,892](INFO)root : &gt;&gt;&gt;定位控件com.yce.deerstewardphone:id/edt_login_user,输入内容为：1234
[2017-10-16 17:29:30,892](INFO)root : &gt;&gt;&gt;定位控件com.yce.deerstewardphone:id/edt_login_user,输入内容为：1234

[2017-10-16 17:29:32,567](INFO)root : &gt;&gt;&gt;点击控件获取：com.yce.deerstewardphone:id/btn_submit
[2017-10-16 17:29:32,567](INFO)root : &gt;&gt;&gt;点击控件获取：com.yce.deerstewardphone:id/btn_submit

[2017-10-16 17:29:33,266](INFO)root : &gt;&gt;&gt;获取元素：com.yce.deerstewardphone:id/btn_submit
[2017-10-16 17:29:33,266](INFO)root : &gt;&gt;&gt;获取元素：com.yce.deerstewardphone:id/btn_submit

[2017-10-16 17:29:33,329](INFO)root : 输入大于11位手机号码，输入错误验证码，登陆不成功，符合预期
[2017-10-16 17:29:33,329](INFO)root : 输入大于11位手机号码，输入错误验证码，登陆不成功，符合预期



        </pre>
    </div>
    <!--css div popup end-->

    </td>
    <td colspan='1' align='center'>
No Case Detail
</td>
</tr>

<tr id='Pt1.8' class='hiddenRow'>
    <td class='passCase'><div class='testcase'>test08: 输入大于11位手机号码，不输入验证码点击登录</div></td>
    <td colspan='4' align='center'>

    <!--css div popup start-->
    <a class="popup_link" onfocus='this.blur();' href="javascript:showTestDetail('div_Pt1.8')" >
        pass</a>

    <div id='div_Pt1.8' class="popup_window">
        <div style='text-align: right; color:red;cursor:pointer'>
        <a onfocus='this.blur();' onclick="document.getElementById('div_Pt1.8').style.display = 'none' " >
           [x]</a>
        </div>
        <pre>
        
Pt1.8: [2017-10-16 17:29:57,514](INFO)root : &gt;&gt;&gt;定位控件com.yce.deerstewardphone:id/edt_login_user,输入内容为：136789882879
[2017-10-16 17:29:57,514](INFO)root : &gt;&gt;&gt;定位控件com.yce.deerstewardphone:id/edt_login_user,输入内容为：136789882879

[2017-10-16 17:30:06,702](INFO)root : &gt;&gt;&gt;点击控件获取：com.yce.deerstewardphone:id/btn_submit
[2017-10-16 17:30:06,702](INFO)root : &gt;&gt;&gt;点击控件获取：com.yce.deerstewardphone:id/btn_submit

[2017-10-16 17:30:07,386](INFO)root : &gt;&gt;&gt;获取元素：com.yce.deerstewardphone:id/btn_submit
[2017-10-16 17:30:07,386](INFO)root : &gt;&gt;&gt;获取元素：com.yce.deerstewardphone:id/btn_submit

[2017-10-16 17:30:07,438](INFO)root : 输入大于11位手机号码，不输入验证码，登陆不成功，符合预期
[2017-10-16 17:30:07,438](INFO)root : 输入大于11位手机号码，不输入验证码，登陆不成功，符合预期



        </pre>
    </div>
    <!--css div popup end-->

    </td>
    <td colspan='1' align='center'>
No Case Detail
</td>
</tr>

<tr id='Pt1.9' class='hiddenRow'>
    <td class='passCase'><div class='testcase'>test09: 验证码重新获取验证码</div></td>
    <td colspan='4' align='center'>

    <!--css div popup start-->
    <a class="popup_link" onfocus='this.blur();' href="javascript:showTestDetail('div_Pt1.9')" >
        pass</a>

    <div id='div_Pt1.9' class="popup_window">
        <div style='text-align: right; color:red;cursor:pointer'>
        <a onfocus='this.blur();' onclick="document.getElementById('div_Pt1.9').style.display = 'none' " >
           [x]</a>
        </div>
        <pre>
        
Pt1.9: [2017-10-16 17:30:33,739](INFO)root : &gt;&gt;&gt;定位控件com.yce.deerstewardphone:id/edt_login_user,输入内容为：134884881869
[2017-10-16 17:30:33,739](INFO)root : &gt;&gt;&gt;定位控件com.yce.deerstewardphone:id/edt_login_user,输入内容为：134884881869

[2017-10-16 17:30:42,416](INFO)root : &gt;&gt;&gt;获取元素：com.yce.deerstewardphone:id/edt_login_user
[2017-10-16 17:30:42,416](INFO)root : &gt;&gt;&gt;获取元素：com.yce.deerstewardphone:id/edt_login_user

[2017-10-16 17:30:42,972](INFO)root : &gt;&gt;&gt;点击控件获取：com.yce.deerstewardphone:id/lay_get_code
[2017-10-16 17:30:42,972](INFO)root : &gt;&gt;&gt;点击控件获取：com.yce.deerstewardphone:id/lay_get_code

[2017-10-16 17:30:47,058](INFO)root : &gt;&gt;&gt;获取元素：com.yce.deerstewardphone:id/txt_get_code
[2017-10-16 17:30:47,058](INFO)root : &gt;&gt;&gt;获取元素：com.yce.deerstewardphone:id/txt_get_code

[2017-10-16 17:30:48,137](INFO)root : 获取验证码文字为：重新获取
[2017-10-16 17:30:48,137](INFO)root : 获取验证码文字为：重新获取

[2017-10-16 17:31:49,137](INFO)root : 等待一分钟之后，从新获取验证码——————————
[2017-10-16 17:31:49,137](INFO)root : 等待一分钟之后，从新获取验证码——————————

[2017-10-16 17:31:49,138](INFO)root : &gt;&gt;&gt;点击控件获取：com.yce.deerstewardphone:id/lay_get_code
[2017-10-16 17:31:49,138](INFO)root : &gt;&gt;&gt;点击控件获取：com.yce.deerstewardphone:id/lay_get_code

[2017-10-16 17:31:49,316](INFO)root : 重新点击获取验证码——
[2017-10-16 17:31:49,316](INFO)root : 重新点击获取验证码——

[2017-10-16 17:31:51,317](INFO)root : &gt;&gt;&gt;获取元素：com.yce.deerstewardphone:id/txt_get_code
[2017-10-16 17:31:51,317](INFO)root : &gt;&gt;&gt;获取元素：com.yce.deerstewardphone:id/txt_get_code

[2017-10-16 17:31:51,738](INFO)root : 第一次获取验证码为：8557，第二次获取验证码为：3273
[2017-10-16 17:31:51,738](INFO)root : 第一次获取验证码为：8557，第二次获取验证码为：3273



        </pre>
    </div>
    <!--css div popup end-->

    </td>
    <td colspan='1' align='center'>
No Case Detail
</td>
</tr>

<tr class='passClass'>
    <td>test_new_user.Blood</td>
    <td>2</td>
    <td>2</td>
    <td>0</td>
    <td>0</td>
    <td><a href="javascript:showClassDetail('c2',2)">Detail</a></td>
</tr>

<tr id='Pt2.1' class='hiddenRow'>
    <td class='passCase'><div class='testcase'>test_blood_01: 验证新用户登录是否获取到完善资料自动创建家庭群</div></td>
    <td colspan='4' align='center'>

    <!--css div popup start-->
    <a class="popup_link" onfocus='this.blur();' href="javascript:showTestDetail('div_Pt2.1')" >
        pass</a>

    <div id='div_Pt2.1' class="popup_window">
        <div style='text-align: right; color:red;cursor:pointer'>
        <a onfocus='this.blur();' onclick="document.getElementById('div_Pt2.1').style.display = 'none' " >
           [x]</a>
        </div>
        <pre>
        
Pt2.1: [2017-10-16 17:32:20,433](INFO)root : &gt;&gt;&gt;定位控件com.yce.deerstewardphone:id/edt_login_user,输入内容为：13516172443
[2017-10-16 17:32:20,433](INFO)root : &gt;&gt;&gt;定位控件com.yce.deerstewardphone:id/edt_login_user,输入内容为：13516172443

[2017-10-16 17:32:28,975](INFO)root : &gt;&gt;&gt;点击控件获取：com.yce.deerstewardphone:id/lay_get_code
[2017-10-16 17:32:28,975](INFO)root : &gt;&gt;&gt;点击控件获取：com.yce.deerstewardphone:id/lay_get_code

[2017-10-16 17:32:32,122](INFO)root : &gt;&gt;&gt;定位控件com.yce.deerstewardphone:id/edt_login_code,输入内容为：6157
[2017-10-16 17:32:32,122](INFO)root : &gt;&gt;&gt;定位控件com.yce.deerstewardphone:id/edt_login_code,输入内容为：6157

[2017-10-16 17:32:34,121](INFO)root : &gt;&gt;&gt;点击控件获取：com.yce.deerstewardphone:id/btn_submit
[2017-10-16 17:32:34,121](INFO)root : &gt;&gt;&gt;点击控件获取：com.yce.deerstewardphone:id/btn_submit

[2017-10-16 17:32:34,826](INFO)root : 初始化登陆成功
[2017-10-16 17:32:34,826](INFO)root : 初始化登陆成功

[2017-10-16 17:32:44,276](INFO)root : &gt;&gt;&gt;获取元素：com.yce.deerstewardphone:id/img_heath_guide
[2017-10-16 17:32:44,276](INFO)root : &gt;&gt;&gt;获取元素：com.yce.deerstewardphone:id/img_heath_guide

[2017-10-16 17:32:44,345](INFO)root : &gt;&gt;&gt;新用户登录之后，获取到"立即使用并完善信息"和"名医视讯"
[2017-10-16 17:32:44,345](INFO)root : &gt;&gt;&gt;新用户登录之后，获取到"立即使用并完善信息"和"名医视讯"

[2017-10-16 17:32:51,401](INFO)root : 退出登陆
[2017-10-16 17:32:51,401](INFO)root : 退出登陆



        </pre>
    </div>
    <!--css div popup end-->

    </td>
    <td colspan='1' align='center'>
No Case Detail
</td>
</tr>

<tr id='Pt2.2' class='hiddenRow'>
    <td class='passCase'><div class='testcase'>test_blood_02: 验证新用户创建家庭群</div></td>
    <td colspan='4' align='center'>

    <!--css div popup start-->
    <a class="popup_link" onfocus='this.blur();' href="javascript:showTestDetail('div_Pt2.2')" >
        pass</a>

    <div id='div_Pt2.2' class="popup_window">
        <div style='text-align: right; color:red;cursor:pointer'>
        <a onfocus='this.blur();' onclick="document.getElementById('div_Pt2.2').style.display = 'none' " >
           [x]</a>
        </div>
        <pre>
        
Pt2.2: [2017-10-16 17:33:23,668](INFO)root : &gt;&gt;&gt;定位控件com.yce.deerstewardphone:id/edt_login_user,输入内容为：13516172443
[2017-10-16 17:33:23,668](INFO)root : &gt;&gt;&gt;定位控件com.yce.deerstewardphone:id/edt_login_user,输入内容为：13516172443

[2017-10-16 17:33:32,672](INFO)root : &gt;&gt;&gt;点击控件获取：com.yce.deerstewardphone:id/lay_get_code
[2017-10-16 17:33:32,672](INFO)root : &gt;&gt;&gt;点击控件获取：com.yce.deerstewardphone:id/lay_get_code

[2017-10-16 17:33:34,907](INFO)root : &gt;&gt;&gt;定位控件com.yce.deerstewardphone:id/edt_login_code,输入内容为：2556
[2017-10-16 17:33:34,907](INFO)root : &gt;&gt;&gt;定位控件com.yce.deerstewardphone:id/edt_login_code,输入内容为：2556

[2017-10-16 17:33:36,717](INFO)root : &gt;&gt;&gt;点击控件获取：com.yce.deerstewardphone:id/btn_submit
[2017-10-16 17:33:36,717](INFO)root : &gt;&gt;&gt;点击控件获取：com.yce.deerstewardphone:id/btn_submit

[2017-10-16 17:33:37,537](INFO)root : 初始化登陆成功
[2017-10-16 17:33:37,537](INFO)root : 初始化登陆成功

[2017-10-16 17:33:47,604](INFO)root : 页面跳转到完善信息页面成功
[2017-10-16 17:33:47,604](INFO)root : 页面跳转到完善信息页面成功

[2017-10-16 17:33:49,605](INFO)root : &gt;&gt;&gt;定位控件com.yce.deerstewardphone:id/edt_family_name,输入内容为：ZZV
[2017-10-16 17:33:49,605](INFO)root : &gt;&gt;&gt;定位控件com.yce.deerstewardphone:id/edt_family_name,输入内容为：ZZV

[2017-10-16 17:33:50,962](INFO)root : ZZV
[2017-10-16 17:33:50,962](INFO)root : ZZV

[2017-10-16 17:33:52,737](INFO)root : 家庭群名称输入：ZZV
[2017-10-16 17:33:52,737](INFO)root : 家庭群名称输入：ZZV

[2017-10-16 17:33:52,738](INFO)root : &gt;&gt;&gt;定位控件com.yce.deerstewardphone:id/edt_user_name,输入内容为：ZZV
[2017-10-16 17:33:52,738](INFO)root : &gt;&gt;&gt;定位控件com.yce.deerstewardphone:id/edt_user_name,输入内容为：ZZV

[2017-10-16 17:33:53,917](INFO)root : 用户名名称输入：ZZV
[2017-10-16 17:33:53,917](INFO)root : 用户名名称输入：ZZV

[2017-10-16 17:33:53,918](INFO)root : &gt;&gt;&gt;点击控件获取：com.yce.deerstewardphone:id/btn_man
[2017-10-16 17:33:53,918](INFO)root : &gt;&gt;&gt;点击控件获取：com.yce.deerstewardphone:id/btn_man

[2017-10-16 17:33:54,572](INFO)root : 男选择ok
[2017-10-16 17:33:54,572](INFO)root : 男选择ok

[2017-10-16 17:33:54,573](INFO)root : &gt;&gt;&gt;定位控件com.yce.deerstewardphone:id/edt_height,输入内容为：175
[2017-10-16 17:33:54,573](INFO)root : &gt;&gt;&gt;定位控件com.yce.deerstewardphone:id/edt_height,输入内容为：175

[2017-10-16 17:33:55,999](INFO)root : 身高输入ok
[2017-10-16 17:33:55,999](INFO)root : 身高输入ok

[2017-10-16 17:33:56,000](INFO)root : &gt;&gt;&gt;定位控件com.yce.deerstewardphone:id/edt_weight,输入内容为：60
[2017-10-16 17:33:56,000](INFO)root : &gt;&gt;&gt;定位控件com.yce.deerstewardphone:id/edt_weight,输入内容为：60

[2017-10-16 17:33:57,215](INFO)root : 体重输入ok
[2017-10-16 17:33:57,215](INFO)root : 体重输入ok

[2017-10-16 17:33:57,216](INFO)root : &gt;&gt;&gt;点击控件获取：com.yce.deerstewardphone:id/txt_age_select
[2017-10-16 17:33:57,216](INFO)root : &gt;&gt;&gt;点击控件获取：com.yce.deerstewardphone:id/txt_age_select

[2017-10-16 17:33:57,931](INFO)root : 点击准备选择出生年月日
[2017-10-16 17:33:57,931](INFO)root : 点击准备选择出生年月日

[2017-10-16 17:33:57,931](INFO)root : &gt;&gt;&gt;点击控件获取：android:id/button1
[2017-10-16 17:33:57,931](INFO)root : &gt;&gt;&gt;点击控件获取：android:id/button1

[2017-10-16 17:33:59,505](INFO)root : 出生年月日输入完成，点击确定
[2017-10-16 17:33:59,505](INFO)root : 出生年月日输入完成，点击确定

[2017-10-16 17:33:59,506](INFO)root : &gt;&gt;&gt;获取元素：com.yce.deerstewardphone:id/btn_submit
[2017-10-16 17:33:59,506](INFO)root : &gt;&gt;&gt;获取元素：com.yce.deerstewardphone:id/btn_submit

[2017-10-16 17:34:00,421](INFO)root : &gt;&gt;&gt;点击控件获取：com.yce.deerstewardphone:id/btn_submit
[2017-10-16 17:34:00,421](INFO)root : &gt;&gt;&gt;点击控件获取：com.yce.deerstewardphone:id/btn_submit

[2017-10-16 17:34:00,538](INFO)root : 信息已完善
[2017-10-16 17:34:00,538](INFO)root : 信息已完善

[2017-10-16 17:34:14,140](INFO)root : 完善信息之后，获取到登陆账号：&lt;appium.webdriver.webelement.WebElement (session="b2a18d5e-900d-4478-9c28-8222d11130d8", element="6ea5b6f2-598b-4349-b47c-d7cccdb3eb75")&gt;，页面跳转到新版首页
[2017-10-16 17:34:14,140](INFO)root : 完善信息之后，获取到登陆账号：&lt;appium.webdriver.webelement.WebElement (session="b2a18d5e-900d-4478-9c28-8222d11130d8", element="6ea5b6f2-598b-4349-b47c-d7cccdb3eb75")&gt;，页面跳转到新版首页



        </pre>
    </div>
    <!--css div popup end-->

    </td>
    <td colspan='1' align='center'>
No Case Detail
</td>
</tr>

<tr id='total_row'>
    <td>Total and Rate</td>
    <td>11</td>
    <td>11</td>
    <td>0</td>
    <td>0</td>
    <td>Proportion:11/11</td>
</tr>
</table>

<div id='ending'>&nbsp;</div>
<div class="bg">
                       <div class="panelBg"></div>  
                       <div class="panel"> 
                       <div id="section1"> 
                           <div class="title">Pie Chart</div>  
                           <div class="subTitle">This chart is to show the rate that statis of test cases</div> 
                           <div class="piechart">   
                               <canvas id="circle" width="225" height="168" onmousemove='javascript:drawCircle(11, 0, 0)'>your browser does not support the canvas tag</canvas>
                           </div> 
                           <div class="description">  
                           <div class="scroll-item item-even">  
                               <div class="rect" style="background-color: #777; "></div>
                               <div class="item-text">Passcase:11</div>  
                           </div>  
                           <div class="scroll-item item-odd">  
                               <div class="rect" style="background-color: #c60; "></div>  
                               <div class="item-text">failcase:0</div>  
                           </div>   
                           <div class="scroll-item item-even">  
                               <div class="rect" style="background-color: #c00; "></div>  
                               <div class="item-text">errorcase:0</div>  
                           </div> 
                           <div class="scroll-item item-odd">  
                           </div> 
                           <div class="scroll-item item-even">    
                           </div> 
                       </div> 

                       </div>  
                       <div id="section2">  
                       <div class="title">Bar Chart</div>  
                           <div class="subTitle">This chart is to show the count that statis of test cases</div> 
                           <div class="barchart">   
                               <canvas id="bar" width="225" height="168" onclick='javascript:drawBar(11, 0, 0)'>your browser does not support the canvas tag</canvas>
                           </div> 
                           <div class="description">  
                           <div class="scroll-item item-even">  
                               <div class="rect" style="background-color: #777; "></div>
                               <div class="item-text">Passcase:11</div>  
                           </div>  
                           <div class="scroll-item item-odd">  
                               <div class="rect" style="background-color: #c60; "></div>  
                               <div class="item-text">failcase:0</div>  
                           </div>   
                           <div class="scroll-item item-even">  
                               <div class="rect" style="background-color: #c00; "></div>  
                               <div class="item-text">errorcase:0</div>  
                           </div> 
                           <div class="scroll-item item-odd">  
                           </div> 
                           <div class="scroll-item item-even">    
                           </div> 
                       </div> 

                       </div>  
                       <div id="section3"> 
                        <div class="title">Line Chart</div>  
                           <div class="subTitle">This chart is to show the rate that data of test cases</div> 
                           <div class="linechart">   
                               <canvas id="line" width="225" height="168" onclick='javascript:drawline(11, 0, 0)'>your browser does not support the canvas tag</canvas>
                           </div> 
                           <div class="description">  
                           <div class="scroll-item item-even">  
                               <div class="rect" style="background-color: #777; "></div>
                               <div class="item-text">Passcase:11</div>  
                           </div>  
                           <div class="scroll-item item-odd">  
                               <div class="rect" style="background-color: #c60; "></div>  
                               <div class="item-text">failcase:0</div>  
                           </div>   
                           <div class="scroll-item item-even">  
                               <div class="rect" style="background-color: #c00; "></div>  
                               <div class="item-text">errorcase:0</div>  
                           </div> 
                           <div class="scroll-item item-odd">  
                           </div> 
                           <div class="scroll-item item-even">    
                           </div> 
                       </div> 

                       </div>
                       </div>
                       <div class="panel1">
                       <div id="section4">
                           <a>11 Pass cases, 0 fail cases, 0 error cases.</a>
                       </div>
                       </div>
                    </div>
</body>
</html>
<script type="text/javascript"> 
function drawCircle(pass, fail, error){ 
    var color = ["#6c6","#c60","#c00"];  
    var data = [pass,fail,error]; 
    var canvas = document.getElementById("circle");  
    var ctx = canvas.getContext("2d");  
    var startPoint=0;  
    for(var i=0;i<data.length;i++){  
        ctx.fillStyle = color[i];  
        ctx.beginPath();  
        ctx.moveTo(112,84);   
        ctx.arc(112,84,84,startPoint,startPoint+Math.PI*2*(data[i]/(data[0]+data[1]+data[2])),false);  
        ctx.fill();  
        startPoint += Math.PI*2*(data[i]/(data[0]+data[1]+data[2]));  
    }  
}

function FillRect(cxt, x1, y1, width, height, color) {
    cxt.fillStyle = color; 
    cxt.fillRect(x1, y1, width, height);
} 

function drawBar(pass, fail, error){ 

    var color = ["#6c6","#c60","#c00"];  
    var data = [pass,fail,error];
    var count = pass + fail + error;
    var h =[10+(1 - pass/count)*148,10+(1 - fail/count)*148,10+(1 - error/count)*148];
    var x = [30,90,150];
    var y = [70,130,190];
    var canvas = document.getElementById("bar");  
    var ctx = canvas.getContext("2d");
    DrawString(ctx, 'Count(c)', '', '', '', '', 15, 10)
    DrawLine(ctx,5,15,10,10,'black');
    DrawLine(ctx,15,15,10,10,'black');
    DrawLine(ctx,10,10,10,158,'black');
    DrawLine(ctx,10,158,215,158,'black');
    DrawLine(ctx,210,153,215,158,'black');
    DrawLine(ctx,210,163,215,158,'black');
    DrawString(ctx, 'Type(c)', '', '', '', '', 180, 160)
    for(var i=0;i<3;i++) {
        DrawLine(ctx,x[i],h[i],x[i],158,color[i]);
        DrawLine(ctx,x[i],h[i],y[i],h[i],color[i]);
        DrawLine(ctx,y[i],h[i],y[i],158,color[i]); 
        DrawLine(ctx,(y[i]+x[i])/2,153,(y[i]+x[i])/2,158,color[i]);
        DrawString(ctx, data[i], '', color[i], '', '', (y[i]+x[i])/2, h[i]-15);
        FillRect(ctx, x[i], h[i], 40, 158-h[i], color[i]);
    }
} 

function DrawP(ctx, P) {
    with (ctx) {
        moveTo(P[0],P[1]);
        lineTo(P[0]+1,P[1]+1);
     }
}

function DrawLine(cxt, x1, y1, x2, y2, color) {

    cxt.strokeStyle = color;
    cxt.beginPath();
    cxt.moveTo(x1, y1);
    cxt.lineTo(x2, y2);
    cxt.stroke();
}

function DrawString(cxt, text, font, color, align, v_align, x, y) {
    if (font == "") {
        cxt.font = "10px";
    }
    else {
        cxt.font = font;
    }
    if (color == "") {
        cxt.fillStyle = "#000000";
    }
    else {
        cxt.fillStyle = color;
    }
    if (align == "") {
        cxt.textAlign = "left";
    }
    else {
        cxt.textAlign = align;
    }
    if (v_align == "") {
        cxt.textBaseline = "top";
    }
    else {
        cxt.textBaseline = v_align;
    }
    cxt.fillText(text, x, y);
}

function drawline(pass, fail, error){ 
    var color = ["#6c6","#c60","#c00"];  
    var data = [pass,fail,error];
    var count = pass + fail + error;
    var x = [30,90,150];
    var y = [70,130,190];
    var h =[10+(1 - pass/count)*148,10+(1 - fail/count)*148,10+(1 - error/count)*148];
    var canvas = document.getElementById("line");  
    var ctx = canvas.getContext("2d");
    DrawString(ctx, 'Count(c)', '', '', '', '', 15, 10)
    DrawLine(ctx,5,15,10,10,'black');
    DrawLine(ctx,15,15,10,10,'black');
    DrawLine(ctx,10,10,10,158,'black');
    DrawLine(ctx,10,158,215,158,'black');
    DrawLine(ctx,210,153,215,158,'black');
    DrawLine(ctx,210,163,215,158,'black');
    DrawString(ctx, 'Type(c)', '', '', '', '', 180, 160)
    for(var i=0;i<3;i++) {
        p = Array((y[i]+x[i])/2,h[i]);
        DrawP(ctx,p);
        DrawLine(ctx,(y[i]+x[i])/2,153,(y[i]+x[i])/2,158,color[i]);
        DrawString(ctx, data[i], '', color[i], '', '', (y[i]+x[i])/2, h[i]-15);
        if(i < 2) {
        
            DrawLine(ctx,(y[i]+x[i])/2,h[i],(y[i+1]+x[i+1])/2,h[i+1],'black');
            
        }
        
    }
    
} 

</script>  
